<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./echarts.min.js"></script>
</head>

<body>
    <div id="main" style="width:600px ;height: 400px;"></div>
</body>
<script>
    var myEchart = echarts.init(document.getElementById("main"))
    var option = {
        xAxis: {
            name: "星期",
            nameLocation: 'middle',
            nameTextStyle: { fontSize: 30 },
            nameGap: 30,
            type: "category",
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            name: '价格',
            nameLocation: 'middle',
            nameTextStyle: { fontSize: 22 },
            nameGap: 30,
            type: "value",
            axisTick: {
                show: true,
                inside: true,
                length: 15,
                lineStyle: {
                    color: "green"
                }
            },
            axisLine: {
                show: true,
                symbol: "arrow",
                symbolSize: [5, 5],
                symbolOffset: [0, 10],
                linestyle: {
                    color: "pink",
                    width: 4,
                    type:'dotted'
                }
            },
            axisLabel:{
                show:true,
                align:'center',
                formatter:'${value}',
                margin:20
            }
        },

        series: [
            {
                data: [150, 230, 33, 239, 541, 021, 78],
                type: 'line'
            },
            {
                data: [130, 200, 331, 29, 341, 081, 28],
                type: 'line'
            },
            {
                data: [350, 100, 323, 439, 41, 81, 98],
                type: 'line'
            },
            {
                data: [10, 20, 33, 39, 301, 021, 198],
                type: 'pie',
                width:100,
                height:100,
                left:400,
                top:0,
                labelLine:{show:false}
            },
            {
                data: [50, 180, 353, 139, 241, 121, 608],
                type: 'line'
            },
        ]
    }
    myEchart.setOption(option)
</script>

</html>